<script setup>
const handleClick = (index) => {
  switch (index){
    case 1:
      uni.navigateTo({
        url: '/pages/audit/index'
      })
      break
    case 2:
      uni.navigateTo({
        url: '/pages/attendance/attendancePage'
      })
      break
    case 3:
      uni.navigateTo({
        url: '/pages/audit/index'
      })
      break
  }
}
</script>

<template>
  <view class="operationButtonGroup">
    <view class="operationButton" @tap="handleClick(1)">
      <view>请假</view>
    </view>
    <view class="operationButton" @tap="handleClick(2)">
      <view>打卡</view>
    </view>
    <view class="operationButton" @tap="handleClick(3)">
      <view>补卡</view>
    </view>
  </view>
</template>

<style lang="scss" scoped>
@import '../../static/style/variables.scss';
@import '../../static/style/common.scss';

.operationButtonGroup {
  display: flex;
  justify-content: space-between;
  padding: 0 0rpx;
  position: fixed;
  bottom: 0;

  .operationButton {
    background-color: #FFFFFF;
    border: $uni-bai solid 2rpx;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 250rpx;
    height: 92rpx;
  }
}
</style>
